---
// 月別アーカイブ（/kodaira-data/events/2026-11/ など）。
// 行事予定のデータ（src/data/schedule/*.json）から、その月の予定だけを静的に生成する。
import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
import ScheduleTable from '@/components/ScheduleTable.astro';
import { monthKeys, monthLabel, rowsInMonth } from '@/lib/schedule-months';
import { SCHEDULE_BASE_PATH } from '@/data/schedule/config';

export function getStaticPaths() {
  return monthKeys.map((month, i) => ({
    params: { month },
    props: {
      month,
      prev: monthKeys[i - 1] ?? null,
      next: monthKeys[i + 1] ?? null,
    },
  }));
}

const { month, prev, next } = Astro.props as {
  month: string;
  prev: string | null;
  next: string | null;
};

const label = monthLabel(month);
const meetingRows = rowsInMonth(month, 'meeting');
const eventRows = rowsInMonth(month, 'event');

const url = (key: string) => `${SCHEDULE_BASE_PATH}${key}/`;
---

<StarlightPage
  frontmatter={{
    title: `小平市のイベント・行事予定（${label}）`,
    description: `${label}の小平市のイベントと、審議会・市議会の開催予定の一覧です。日程・会場・申込期限を確認できます。`,
  }}
>
  <p><a href={SCHEDULE_BASE_PATH}>← 小平市のイベント・行事予定カレンダー（今後）に戻る</a></p>

  <p>
    {label}の小平市のイベントと、審議会等・市議会の開催予定です。開催日が過ぎたものも記録として掲載しています。
    変更になることがありますので、各問い合わせ先へご確認ください。
  </p>

  {
    meetingRows.length > 0 && (
      <>
        <h2>審議会等・市議会の開催予定</h2>
        <div class="schedule-table schedule-table--date-nowrap">
          <ScheduleTable variant="meeting" rows={meetingRows} />
        </div>
      </>
    )
  }

  {
    eventRows.length > 0 && (
      <>
        <h2>イベント</h2>
        <div class="schedule-table">
          <ScheduleTable variant="event" rows={eventRows} />
        </div>
      </>
    )
  }

  <nav class="schedule-month-nav" aria-label="月の移動">
    {prev ? <a href={url(prev)}>← {monthLabel(prev)}</a> : <span />}
    {next ? <a href={url(next)}>{monthLabel(next)} →</a> : <span />}
  </nav>
</StarlightPage>